/* 
    Document   : myCss
    Created on : May 14, 2012, 8:56:17 AM
    Author     : NDC
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


/* 
  begin css login
*/
#loginContainer{
    position: absolute;
    float: right;
}
#loginClose{
     	font-size: 14px;
	line-height: 14px;
	position: absolute;
	color: white;
	font-weight: 700;
	display: block;
	margin-left:403px;
	margin-top:15px;
}
#loginDiv{
   width: 417px;
   height: 140px;
   margin: 10px;
   padding: 0;
   border: 1px solid rgba(0,0,0,0.5);
   border-radius: 10px 10px 2px 2px;
   background: bisque;
   box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
}
.SubmitButton{
   border: 1px solid maroon;
   background-color: red;
   border-radius: 4px;
   box-shadow: inset 0 1px 3px pink, inset 0 -5px 15px maroon, 0 2px 1px black;
   -o-box-shadow: inset 0 1px 3px pink, inset 0 -5px 15px maroon, 0 2px 1px black;
   -webkit-box-shadow: inset 0 1px 3px pink, inset 0 -5px 15px maroon, 0 2px 1px black;
   -moz-box-shadow: inset 0 1px 3px pink, inset 0 -5px 15px maroon, 0 2px 1px black;
   color: white;
   text-shadow: 0 1px 1px black;
   cursor: pointer;
}
.CancelButton{
   border: 1px solid maroon;
   background-color: green;
   border-radius: 4px;
   box-shadow: inset 0 1px 3px pink, inset 0 -5px 15px maroon, 0 2px 1px black;
   -o-box-shadow: inset 0 1px 3px pink, inset 0 -5px 15px maroon, 0 2px 1px black;
   -webkit-box-shadow: inset 0 1px 3px pink, inset 0 -5px 15px maroon, 0 2px 1px black;
   -moz-box-shadow: inset 0 1px 3px pink, inset 0 -5px 15px maroon, 0 2px 1px black;
   color: white;
   text-shadow: 0 1px 1px black;
   cursor: pointer;
}
#table_login{
    border: 0;
 
}
#table_login tr{
    border: 0
}
#table_login td{
    border: 0
}


#table_forgotPass{
    border:0;
}
#table_forgotPass tr{
    border: 0
}
#table_forgotPass td{
    border: 0
}
#SubmitForgot{
   border: 1px solid maroon;
   background-color: red;
   border-radius: 4px;
   box-shadow: inset 0 1px 3px pink, inset 0 -5px 15px maroon, 0 2px 1px black;
   -o-box-shadow: inset 0 1px 3px pink, inset 0 -5px 15px maroon, 0 2px 1px black;
   -webkit-box-shadow: inset 0 1px 3px pink, inset 0 -5px 15px maroon, 0 2px 1px black;
   -moz-box-shadow: inset 0 1px 3px pink, inset 0 -5px 15px maroon, 0 2px 1px black;
   color: white;
   text-shadow: 0 1px 1px black;
   cursor: pointer;
}

/* 
  end css login
*/



/* 
  begin css register
*/
#RegisterContainer{
    position: absolute;
    float: right;
}
#RegisterDiv{
   width:329px;
   margin: 10px;
   padding: 0;
   border: 1px solid rgba(0,0,0,0.5);
   border-radius: 10px 10px 2px 2px;
   background: bisque;
   box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
}
#RegisterContainer table{
    border: #ffffff;
    
}
#RegisterContainer table tr{
    border: #ffffff;
    
}
#RegisterContainer table td{
    border: #ffffff;
    
}

/* 
  end css register
*/

/* 
  begin css payment
*/
.cc-container
{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	width: 423px;
	height: 236px;
	background-color: #363739;
	border: solid 1px #2f3032;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.20), rgba(0,0,0,0.12) 0px 0px 10px inset;
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.20), rgba(0,0,0,0.12) 0px 0px 10px inset;
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.20), rgba(0,0,0,0.12) 0px 0px 10px inset;
}
.cc-header
{
	height: 25px;
	color: White;
	text-align: left;
	padding-top: 5px;
	padding-left: 10px;
	font-weight: bold;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#747577), to(#363739));
	background-image: -moz-linear-gradient(#747577, #363739);
	background-image: -webkit-linear-gradient(#747577, #363739);
	background-image: -o-linear-gradient(#747577, #363739);
}
.cc-contents
{
	margin-left: 12px;
	padding: 8px;
	width: 381px;
	height: 176px;
	border: solid 1px #2f3032;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background-color: #f1f1f1;
}
.cc-contents label
{
	display: inline-block;
	color: #616161;
	width: 97px;
}
.cc-contents input[type=text]
{
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	height: 22px;
}
.cc-contents input.large
{
	width: 260px;
}
.cc-contents input.small
{
	width: 64px;
}
.cc-contents input.cc-checkout
{
	width: 80px;
	height: 28px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-top: solid 1px #0C528E;
	border-bottom: solid 1px #0E7EBD;
	border-left: solid 1px #0E7EBD;
	border-right: solid 1px #0E7EBD;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#107EBD), to(#0C54B7));
	background-image: -moz-linear-gradient(#107EBD, #0C54B7);
	background-image: -webkit-linear-gradient(#107EBD, #0C54B7);
	background-image: -o-linear-gradient(#107EBD, #0C54B7);
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#107EBD, endColorstr=#0C54B7)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#107EBD, endColorstr=#0C54B7)";
	color: White;
	cursor: pointer;
	font-weight: bold;
}
.cc-ddl
{
	width: 160px;
	color: #616161;
}
.cc-ddl .cc-ddl-header
{
	border-left: 1px solid #A9A9A9;
	border-right: 1px solid #A9A9A9;
	border-top: 1px solid #A9A9A9;
	padding: 4px;
	text-align: left;
	height: 18px;
	border-bottom: solid 1px #7E7E7E;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-color: #DDDDDD;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDDDDD), to(#B6B6B6));
	background-image: -moz-linear-gradient(#DDDDDD, #B6B6B6);
	background-image: -webkit-linear-gradient(#DDDDDD, #B6B6B6);
	background-image: -o-linear-gradient(#DDDDDD, #B6B6B6);
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDDDDD, endColorstr=#B6B6B6)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDDDDD, endColorstr=#B6B6B6)";	
	cursor: pointer;
}
.cc-ddl-title
{
	background: url(../images/arrow.png) no-repeat right;
	width: 100%;
}
.cc-ddl-contents
{
	width: 158px;
	position: absolute;
	background-color: #DDDDDD;
	overflow-y: scroll;
	height: 110px;
	border: solid 1px #A9A9A9;
	margin-top: -4px;
}
.cc-ddl-contents a
{
	text-decoration: none;
	color: #616161;
	padding: 6px;
	display: block;
}
.cc-ddl-contents a:active, .cc-ddl-contents a:hover, .cc-ddl-contents a:visited
{
	text-decoration: none;
	color: #616161;
	background-color: #B6B6B6;
	display: block;
}
.cc-ddl-o
{
	display: none;
}

